<template>

  <div>
    <el-row :gutter="10">
      <el-col :span="24">
        <el-card>
          <div>
            <el-form ref="form"  :model="form" label-width="80px">
              <div style="height: 100px">
                当前阅卷考试：2024上半学年第二次月考<br><br>
                您的阅卷科目：数学
<!--                <el-select v-model="form.exam" placeholder="请选择考试" filterable  >-->
<!--                  <el-option v-for="exam in exams"  :label="exam.name" :value="exam.name"></el-option>-->
<!--                </el-select>-->
              </div>
              <div style="height: 50px">
                <el-select v-model="form.num" placeholder="请选择题号">
                  <el-option v-for="grade in nums"  :label="grade.name" :value="grade.id"></el-option>
                </el-select>
              </div>
              <el-button type="primary" style="width: 100px" @click="mark1()">开始阅卷</el-button>
            </el-form>
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "TaskList",
  data(){
    return{
      form:{
        exam:'',
        num:''
      },
      exams:[
        {name:'2024上半学年第一次月考',id:1},
        {name:'2024上半学年第二次月考',id:2},
        {name:'2024上半学年期中考试',id:3},
        {name:'2024上半学年六省联考',id:4},
        {name:'2023下半学年期末考试',id:5},
        {name:'2023下半学年期中考试',id:6},
        {name:'2023下半学年第三次月考',id:7},
        {name:'2023下半学年第二次月考',id:8},
        {name:'2023下半学年第一次月考',id:9},
      ],
      nums:[
        {id:'24020101',name:'数学第一大题第1问'},
        {id:'24020102',name:'数学第一大题第2问'},
        {id:'24020201',name:'数学第二大题第1问'},
        {id:'24020202',name:'数学第二大题第2问'},
      ],
    }
  },
  methods:{
    mark1(){
      this.$alert('此题目已全部阅卷完成', '阅卷失败', {
        confirmButtonText: '确定',
        callback: action => {
          this.$message({
            type: 'info',
            message: `action: ${ action }`
          });
        }
      });
        this.$router.push({
          path:'/index/paper',
          query:{}
        })
    }
  }
}
</script>

<style scoped>

</style>